.layer-container {
  width: 100%;
  height: 100%;
  .title-search {
    margin: 10px 0;
  }
  .layer-list {
    height: calc(~"100% - 52px");
    overflow-y: auto;
    &>div {
      // display: flex;
      // flex-direction: column-reverse;
      .item {
        border-top: 1px solid #eee;
        .title {
          height: 40px;
          display: flex;
          align-items: center;
          cursor: pointer;
          opacity: 0.8;
          padding: 0 0px 0 20px;
          .text {
            width: 259px;
          }
          .icon {
            margin-right: 4px;
            margin-top: 1px;
          }
        }
        &>.content {
          padding-left: 10px;
        }
        &:hover {
          &>.title {
            opacity: 1;
          }
         
        }
        &.tab {
          opacity: 0.6;
          &>.title {
            height: 26px;
            font-size: 12px;
          }
          
          &.tab-active {
            opacity: 1;
            &>.title {
              color: @primary-color;
            }
          }
        }
        
        
        &.active {
          &>.title {
            background: @primary-color;
            color: #fff;
          }
          
        }
        
        
      }
    }
    
  }
}
